<template>
  <h1>轮播图添加</h1>
  <el-form :model="form" label-width="120px">
    <el-form-item label="**图片地址">
      <el-input v-model="form.img" />
    </el-form-item>
    <el-form-item label="**图片提示">
      <el-input v-model="form.alt" />
    </el-form-item>
    <el-form-item label="图片连接">
      <el-input v-model="form.link" />
    </el-form-item>
    <el-form-item>
      <el-button type="primary" @click="onSubmit">添加</el-button>
    </el-form-item>
    
  </el-form>
  
</template>
  
  <script lang="ts" setup>
  import { ElMessage } from 'element-plus';
  import { reactive } from 'vue';
  import service from '../../../utils/service';
  import {useRouter} from "vue-router";

  const $router = useRouter();

  const form = reactive({
  img: '',
  alt:"",
  link:""
})

const onSubmit = () => {
  if(form.img&&form.alt&&form.link){
    service({
    url:"/banner/add",
    method:"post",
    data:form
  })
  .then(res=>{
    if(res.data.code==="200"){
      ElMessage({
                message:"添加成功！",
                type:"success"
            })
      $router.push("/Admin/List")
    }
  })
  }
  
}
  </script>
  
  <style>
  
  </style>